<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<!--
<a href=""资源路径类似图片标签的src的属性
-->
<a href="http://www.baidu.com" >超链接1</a>
<a href="01文本相关.html">超链接2</a>
<a href="3.jpeg">超链接3</a>

<!--图片标签-->
<a id="top" href="http://www.tmooc.cn"><img src="abc/1.jpeg" width="100%">tmooc</a>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>
<img src="../2.jpg"alt=""> <br>

<!--页面内部跳转-->
<a href="#top">回到顶部</a>

</body>
</html>